@import '@/styles/common/px2rem1.scss';

.ad{
    display: flex;
    width: 100%;
    height: px2rem(56);
    background: url('~@/assets/bg_01.png') repeat-y top center;
    background-size: cover;
    i{
        font-size: px2rem(14);
        background-color: #fff;
        border-radius: px2rem(7);
        position: absolute;
        top: px2rem(5);
        right: px2rem(10);
        text-align: center;
    }
    img{
        width: px2rem(42);
        height: px2rem(42);
        margin: px2rem(6) px2rem(12) px2rem(8) px2rem(8)
    }
    p{
        font-size: px2rem(14);
        width: px2rem(148);
        height: px2rem(27);
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
    }
    .right{
        width: px2rem(140);
        margin-left: px2rem(60);
        margin-top: px2rem(10);
        position: relative;
        a{
            display: inline-block;
            text-align: center;
            line-height: px2rem(30);
            width: px2rem(84);
            height: px2rem(30);
            background-color: #fe4478;
            border-radius: px2rem(10);
            color: #fff;
            font-size: px2rem(12);
        }
    }
}
